<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> Home page</title>
<meta name="description" content="Default Description">
<meta name="keywords" content="Magento, Varien, E-commerce">
<meta name="robots" content="INDEX,FOLLOW">
<link rel="stylesheet" type="text/css" href="css/styles.css" media="all">
<script src="css/prototype.js" type="text/javascript"></script>
<script src="css/menu.js" type="text/javascript"></script>

</head>
<body class=" cms-index-index cms-home">
<div class="wrapper">
    <div class="page">
<div class="header-container">
    <div class="header">
                <h1 class="logo"><strong>Magento Commerce</strong><a href="#" title="Magento Commerce" class="logo"><img src="images/logo.png" alt="Magento Commerce"></a></h1>
                <div class="quick-access">
			<div class="form-language">
		                    <a href="#" alt="English" title="English"><img src="images/flag_default.gif"></a>
		                    <a href="#" alt="French" title="French"><img src="images/flag_french.gif"></a>
		                    <a href="#" alt="German" title="German"><img src="images/flag_german.gif"></a>
			</div>
			<p class="welcome-msg">Default welcome msg!</p>
			<ul class="links">
			<li class="first"><a href="#" title="My Account">My Account</a></li>
			<li><a href="#" title="My Wishlist">My Wishlist</a></li>
			<li class=" last"><a href="#" title="Log In">Log In</a></li>
			</ul>
	    
			<!--search-->
			 <div class="total-search">
				<form id="search_mini_form" >
					<div class="form-search">
						<label for="search">Search:</label>
						<input autocomplete="off" id="search" name="q" value="Search entire store here..." class="input-text" type="text">
						<button type="submit" title="Search" class="button"><span><span>Search</span></span></button>
					</div>
				</form>
				<div id="cart-header"><a href="#" class="top-link-cart" id="topcartlink"> 0 item(s)&nbsp;<span><span class="price">$0.00</span></span> </a></div>
			 </div><!--end of search-->
	 
		</div>
        </div>
</div>

<!--menu-->
<div class="nav-content">
<div class="nav-container">
    <ul id="nav">
        <li class="level0 nav-1 level-top first">
<a class="level-top" href="#">
<span>Rings</span>
</a>
</li><li class="level0 nav-2 level-top">
<a class="level-top" href="#">
<span>Bracelets</span>
</a>
</li><li class="level0 nav-3 level-top">
<a class="level-top" href="#">
<span>Necklaces</span>
</a>
</li><li class="level0 nav-4 level-top">
<a class="level-top" href="#">
<span>Earings</span>
</a>
</li><li class="level0 nav-5 level-top">
<a class="level-top" href="#">
<span>Wedding</span>
</a>
</li><li class="level0 nav-6 level-top">
<a class="level-top" href="#">
<span>Watches</span>
</a>
</li><li class="level0 nav-7 level-top parent">
<a class="level-top" href="#">
<span>Furniture</span>
</a>
<ul class="level0">
<li class="level1 nav-7-1 first">
<a href="#">
<span>Living Room</span>
</a>
</li><li class="level1 nav-7-2 last">
<a href="#">
<span>Bedroom</span>
</a>
</li>
</ul>
</li><li class="level0 nav-8 level-top last parent">
<a class="level-top" href="#">
<span>Apparel</span>
</a>
<ul class="level0">
<li class="level1 nav-8-1 first">
<a href="#">
<span>Shirts</span>
</a>
</li><li class="level1 nav-8-2 parent">
<a href="#">
<span>Shoes</span>
</a>
<ul class="level1">
<li class="level2 nav-8-2-1 first">
<a href="#">
<span>Mens</span>
</a>
</li><li class="level2 nav-8-2-2 last">
<a href="#">
<span>Womens</span>
</a>
</li>
</ul>
</li><li class="level1 nav-8-3 last">
<a href="#">
<span>Hoodies</span>
</a>
</li>
</ul>
</li>    </ul>
</div>
</div><!--/end menu-->

<!--slideshow-->
<div class="slideshow">
	<p>slide here</p>
</div> <!--end slideshow-->

<!--three_img-->
<div class="three_img"> 
	<p>img here</p>
</div><!--end three_img-->

<div class="main-container col1-layout">
        <div class="main">
                <div class="col-main">
			<div class="col-inner">
				<h1 class="title">New Arrivals</h1>
				<ul class="products-grid">
				    <li class="item first">
					<div class="img_product">
						<a href="#" title="ipad 2" class="product-image"><img  src="2.jpg" alt="ipad 2" width="215" height="215"></a>
							<div class="actions">
								<button type="button" title="Add to Cart" class="button btn-cart"><span><span>Add to Cart</span></span></button>
							</div>
					</div>
					<h3 class="product-name"><a href="#" title=" ">ipad 2</a></h3>
						ipad                
					<div class="price-box">
						<span class="price">$190.00</span>
					</div>

				    </li>
				    <li class="item">
					<div class="img_product">
						<a href="#" title="ipad 2" class="product-image"><img  src="2.jpg" alt="ipad 2" width="215" height="215"></a>
							<div class="actions">
								<button type="button" title="Add to Cart" class="button btn-cart"><span><span>Add to Cart</span></span></button>
							</div>
					</div>
					<h3 class="product-name"><a href="#" title="">ipad 2</a></h3>
						ipad                
					<div class="price-box">
						<p class="old-price">
							<span class="price-label">Regular Price:</span>
							<span class="price" id="old-price-199-widget-new-grid">$100.00</span>
						</p>
						<p class="special-price">
							<span class="price-label">Special Price:</span>
							<span class="price" id="product-price-199-widget-new-grid">$99.00 </span>
						</p>
					</div>

				    </li>
				    <li class="item">
					<div class="img_product">
						<a href="#" title="ipad 2" class="product-image"><img  src="2.jpg" alt="ipad 2" width="215" height="215"></a>
							<div class="actions">
								<button type="button" title="Add to Cart" class="button btn-cart"><span><span>Add to Cart</span></span></button>
							</div>
					</div>
					<h3 class="product-name"><a href="#" title="">ipad 2</a></h3>
						ipad                
					<div class="price-box">
						<span class="price">$190.00</span>
					</div>

				    </li>
				</ul>

				<div class="most-popular">
					<div class="most-popular-content">
						<h1 class="title">Most popular products</h1>
						<div class="category-products"> 				   
							<ul class="products-grid">
								<li>
									<div class="img_product">
										<a href="#" title="" class="product-image"><img src="1.jpg" alt="" width="160" height="160"></a>
									</div>
									<h2 class="product-name">
										<a href="#" title="Hyacinth Blue Ring"> Hyacinth Blue </a>
									</h2>
									Hyacinth Blue Ring								
									<div class="price"><span class="price">$260.00</span></div>
								</li>
							</ul>
						</div>
					</div>
				</div>

<!--three-block-->
	<div class="three-block">three-block here</div><!--end three-block-->
			</div>
                </div>
            </div>
</div>

<!--footer-->
<div class="footer-container">
    <div class="footer"> footer here </div>
</div><!--end three-block-->

</div></div>
</body></html>